﻿
<!DOCTYPE html>

<html>
	<head>
		<title>小米</title>
		<link href="css/mi.css" rel="stylesheet" type="text/css">

		<script src="js/jquery-3.1.1.min.js"></script>
		<script src="js/mi.js"></script>
		

	</head>

	<body onclick="hidehotbox()" onload="getShops()">
		
		<div style="margin:auto;height:0px;width:1226px">
			<div style="position:relative;top:40px;left:916px">
				<div class="shop-box" id="shopbox">购物车中还没有商品，赶紧选购吧！</div>
			</div>
		</div>

		<div class="main" onmouseover="colsebox()">

			<div class="top">
				<div class="top-content">
					<a href="#">小米商城</a>
					<a href="#">MIUI</a>
					<a href="#">米聊</a>
					<a href="#">游戏</a>
					<a href="#">多看阅读</a>
					<a href="#">云服务</a>
					<a href="#">金融</a>
					<a href="#">小米移动版</a>
					<a href="#">问题反馈</a>
					<a href="#">SelectRegion</a>
					<div class="top-shop" id="car" onmouseover="shopbox()">购物车(0)</div>
					<div style="float:right">
						<a href="#">登录</a>
						<a href="regist.html">注册</a>
						<a href="#">消息通知</a>
					</div>
				</div>
			</div>

			<div style="margin:auto;height:0px;width:1226px;">
				<div style="position:relative;top:100px;right:-238px;">
					<div class="pngbox-tag1" id="0">
						<div class="tag-box">
							<div class="tag-box-img">
								<a href="#"><img src="img/tag1.1.jpg" width="40px" height="40px" /></a>
							</div>
							<div class="tag-box-title">
								<a href="#">小米 note2</a>
							</div>
							<div class="tag-box-btn">选购</div>
						</div>
						<div class="tag-box">
							<div class="tag-box-img">
								<a href="#"><img src="img/tag1.2.jpg" width="40px" height="40px" /></a>
							</div>
							<div class="tag-box-title">
								<a href="#">红米4</a>
							</div>
							<div class="tag-box-btn">选购</div>
						</div>

					</div>
					<div class="pngbox-tag2" id="1">
						<div class="tag-box">
							<div class="tag-box-img">
								<a href="#"><img src="img/tag2.1.jpg" width="40px" height="40px" /></a>
							</div>
							<div class="tag-box-title">
								<a href="#">小米比较 Air</a>
							</div>
							<div class="tag-box-btn">选购</div>
						</div>
						<div class="tag-box">
							<div class="tag-box-img">
								<a href="#"><img src="img/tag2.2.png" width="40px" height="40px" /></a>
							</div>
							<div class="tag-box-title">
								<a href="#">小米平板2</a>
							</div>
							<div class="tag-box-btn">选购</div>
						</div>

					</div>
				</div>
			</div>

			<div style="width:100%" onmouseover="colsetag()">
				<div class="title">
					<div class="title-logo">
						<a href="#"><img src="img/mi.png" /></a>
					</div>
					<div class="title-gif">
						<a href="#"><img src="img/mkljl.gif" width="163px" height="57px" /></a>
					</div>
					<div class="title-content">
						<a href="#">小米手机</a>
						<a href="#">红米</a>
						<a href="#">平板-笔记本</a>
						<a href="#">电视</a>
						<a href="#">盒子-影音</a>
						<a href="#">路由器</a>
						<a href="#">智能硬件</a>
						<a href="#">服务</a>
						<a href="#">社区</a>
					</div>
					<div class="title-search">
						<div class="title-input" name="sborder">
							<input type="text" onclick="showhotbox()" />
							<div style="position:relative;right:-90px;top:-14px">
								<div class="title-tag" id="tag">
									<a href="#">小米MIX</a>
									<a href="#">人工智能电视</a>
								</div>
							</div>
						</div>
						<div class="title-btn" name="sborder">
							搜索
						</div>
						<div style="position:relative;top:58px;right:0px">
							<div id="hotbox" class="title-hotbox" name="sborder">
								<ul>
									<li>小米5 plus
										<div class="title-count">约有5件</div>
									</li>
									<li>小米MAX
										<div class="title-count">约有10件</div>
									</li>
									<li>小米MIX
										<div class="title-count">约有20件</div>
									</li>
									<li>小米note
										<div class="title-count">约有5件</div>
									</li>
									<li>红米none5
										<div class="title-count">约有15件</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>

				<div class="pngbox">
					<div style="position:relative;left:-184px;top:-149px">
						<div class="pngbox-left" id="left">
							<ul>
								<li onmouseover="showtag(0)">手机 电话卡
									<div class="pngbox-s">></div>
								</li>
								<li onmouseover="showtag(1)">笔记本 平板
									<div class="pngbox-s">></div>
								</li>
								<li onmouseover="showtag(2)">电视 盒子
									<div class="pngbox-s">></div>
								</li>
								<li onmouseover="showtag(3)">路由器 智能硬件
									<div class="pngbox-s">></div>
								</li>
								<li onmouseover="showtag(4)">移动电源 电池 插线板
									<div class="pngbox-s">></div>
								</li>
								<li onmouseover="showtag(5)">耳机 音箱
									<div class="pngbox-s">></div>
								</li>
								<li onmouseover="showtag(6)">保护套 贴膜
									<div class="pngbox-s">></div>
								</li>
								<li onmouseover="showtag(7)">线材 支架 存储卡
									<div class="pngbox-s">></div>
								</li>
								<li onmouseover="showtag(8)">箱包 服饰
									<div class="pngbox-s">></div>
								</li>
								<li onmouseover="showtag(9)">米兔 生活周边
									<div class="pngbox-s">></div>
								</li>
							</ul>
						</div>
					</div>
					<div class="pngbox-right" onmouseover="stoppic()" onmouseout="continuepic()">
						<div style="position:relative;top:-140px;left:-183px">
							<div class="pngbox-last-next">
								<div class="pngbox-right-ln" style="float:left" onclick="lastpic()"><</div>
								<div class="pngbox-right-ln" style="float:right" onclick="nextpic()">></div>
							</div>
							</div>
							<div style="position:relative;left:1000px;top:400px;">
								<div class="pngbox-di">
									<ul id="pi">
										<li onclick="getpic(0)" style="background:#fff"></li>
										<li onclick="getpic(1)"></li>
										<li onclick="getpic(2)"></li>
										<li onclick="getpic(3)"></li>
										<li onclick="getpic(4)"></li>
									</ul>
								</div>
							</div>
							<div class="ppt" id="ppt">
								<div class="page">
									<a href="#"><img src="img/lun1.jpg" width="1218px" height="460px" /></a>
								</div>
								<div class="page">
									<a href="#"><img src="img/lun2.jpg" width="1218px" height="460px" /></a>
								</div>
								<div class="page">
									<a href="#"><img src="img/lun3.jpg" width="1218px" height="460px" /></a>
								</div>
								<div class="page">
									<a href="#"><img src="img/lun4.jpg" width="1218px" height="460px" /></a>
								</div>
								<div class="page">
									<a href="#"><img src="img/lun5.jpg" width="1218px" height="460px" /></a>
								</div>
							</div>
						</div>
					</div>

					<div class="bottom">
						<div class="bottom-tag"><img src="img/coc.png" width="235px" height="170px" /></div>
						<div class="bottom-box">
							<a href="#"><img src="img/b1.png" width="310px" height="170px" /></a>
						</div>
						<div class="bottom-box">
							<a href="#"><img src="img/b2.png" width="310px" height="170px" /></a>
						</div>
						<div class="bottom-box">
							<a href="#"><img src="img/b3.png" width="310px" height="170px" /></a>
						</div>
					</div>
				</div>

				<div class="new">
					<div class="new-top">
						<h2 class="new-h2">小米明星单品</h2>
						<div id="next" class="new-btn" style="border-left:0;color:rgb(225,103,0);" onclick="nexttag(1)" onmouseover="stopPlay()" onmouseout="gonoPlay()">></div>
						<div id="last" class="new-btn" onclick="lasttag(0)" onmouseover="stopPlay()" onmouseout="gonoPlay()">
							<</div>
						</div>
						<div class="new-content" id="lun" onmouseover="stopPlay()" onmouseout="gonoPlay()">
							<ul id="new-pic">
								<li>
									<div class="new-box"><img src="img/news1.png" width="226px" height="329px" /></div>
									<div class="new-box"><img src="img/news2.png" width="226px" height="329px" /></div>
									<div class="new-box"><img src="img/news1.png" width="226px" height="329px" /></div>
									<div class="new-box"><img src="img/news2.png" width="226px" height="329px" /></div>
									<div class="new-box" style="margin-right:0px"><img src="img/news2.png" width="226px" height="329px" /></div>
								</li>
								<li>
									<div class="new-box"><img src="img/news2.png" width="226px" height="329px" /></div>
									<div class="new-box"><img src="img/news1.png" width="226px" height="329px" /></div>
									<div class="new-box"><img src="img/news2.png" width="226px" height="329px" /></div>
									<div class="new-box"><img src="img/news2.png" width="226px" height="329px" /></div>
									<div class="new-box" style="margin-right:0px"><img src="img/news1.png" width="226px" height="329px" /></div>
								</li>
							</ul>
						</div>
					</div>

					<div class="gray-box">
						<div class="graybox1">
							<h2 class="new-h2">智能硬件</h2>
							<div class="graybox1-right" onmouseover="changeColor()" onmouseout="backColor()">查看全部
								<div class="graybox1-right0">></div>
							</div>
							<div class="graybox1-bottom">
								<div class="graybox1-box1"><img src="img/graybox1.1.jpg" width="226px" height="627px"></div>
								<div id="shops">

								</div>
							</div>
						</div>

						<div class="graybox2">
							<h2 class="new-h2">搭配</h2>
							<div class="graybox2-titlebox">
								<div class="graybox2-title" onmouseover="getBox('D')" id="D">电池存储卡</div>
								<div class="graybox2-title" onmouseover="getBox('C')" id="C">电源</div>
								<div class="graybox2-title" onmouseover="getBox('B')" id="B">耳机音箱</div>
								<div class="graybox2-title" style="color:rgb(250,103,0);border-bottom:2px solid rgb(250,103,0)" onmouseover="getBox('A')" id="A">热门</div>
							</div>
							<div class="graybox2-bottom">
								<div class="graybox2-box1">
									<div class="graybox2-box">
										<img src="img/graybox2.1.jpg" width="226px" height="300px" />
									</div>
									<div class="graybox2-box" style="position:absolute;top:2436px">
										<img src="img/graybox2.2.jpg" width="226px" height="300px" />
									</div>
								</div>
								<div class="graybox2-screen">
									<div class="garybox2-ppt" id="graybox2-png">

										<div class="graybox2-right">
											<div class="graybox1-box" onmouseover="showTalks()" onmouseout="hideTalks()">
												<div class="graybox1-box-png"><img src="img/graybox1.2.jpg" width="160px" height="160px"></div>
												<div class="graybox1-box-title">米家IH电饭煲--1</div>
												<div class="graybox1-box-text">IH电磁环绕加热，3000+煮饭方案
													<p style="color:rgb(250,103,0);font-size:14px">339元</p>
												</div>
												<div class="graybox2-talk" id="talk1">ss</div>
											</div>

											<div class="finalbox">
												<div class="smallbox" style="float: left;">
													<table>
														<tr>
															<td style="width: 100px;padding-left: 20px;">
																<a href="#">SanDisk 16GB存储卡</a><br><span style="color: rgb(250,103,0);">31.9元</span></td>
															<td>
																<a href="#"><img src="img/tf.jpg" width="80px" height="80px"></a>
															</td>
														</tr>
													</table>
												</div>
												<div class="smallbox" style="position:absolute;top:161px">
													<table>
														<tr>
															<td style="width: 100px;padding-left: 20px;font-size: 16px;">
																<a href="#">浏览更多</a><br><span style="color: rgb(176,183,203);font-size: 12px;">热门</span></td>
															<td>
																<a href="#"><img src="img/more.png" width="98px" height="90px"></a>
															</td>
														</tr>
													</table>
												</div>
											</div>
										</div>

										<div class="graybox2-right">
											<div class="graybox1-box">
												<div class="graybox1-box-png"><img src="img/graybox1.4.jpg" width="160px" height="160px"></div>
												<div class="graybox1-box-title">米家飞利浦智睿台灯二代</div>
												<div class="graybox1-box-text">感知环境光，主动优化场景照明
													<p style="color:rgb(250,103,0);font-size:14px">199元</p>
												</div>
											</div>

											<div class="finalbox">
												<div class="smallbox" style="float: left;">
													<table>
														<tr>
															<td style="width: 100px;padding-left: 20px;">
																<a href="#">SanDisk 16GB存储卡</a><br><span style="color: rgb(250,103,0);">31.9元</span></td>
															<td>
																<a href="#"><img src="img/tf.jpg" width="80px" height="80px"></a>
															</td>
														</tr>
													</table>
												</div>
												<div class="smallbox" style="position:absolute;top:161px">
													<table>
														<tr>
															<td style="width: 100px;padding-left: 20px;font-size: 16px;">
																<a href="#">浏览更多</a><br><span style="color: rgb(176,183,203);font-size: 12px;">热门</span></td>
															<td>
																<a href="#"><img src="img/more.png" width="98px" height="90px"></a>
															</td>
														</tr>
													</table>
												</div>
											</div>

										</div>

										<div class="graybox2-right">
											<div class="graybox1-box">
												<div class="graybox1-box-png"><img src="img/graybox1.2.jpg" width="160px" height="160px"></div>
												<div class="graybox1-box-title">米家IH电饭煲--4</div>
												<div class="graybox1-box-text">IH电磁环绕加热，3000+煮饭方案
													<p style="color:rgb(250,103,0);font-size:14px">339元</p>
												</div>
											</div>
										</div>

										<div class="graybox2-right">
											<div class="graybox1-box">
												<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
												<div class="graybox1-box-title">米兔智能故事机</div>
												<div class="graybox1-box-text">微信远程互动，智能语言互动
													<p style="color:rgb(250,103,0);font-size:14px">199元</p>
												</div>
											</div>
										</div>
									</div>

								</div>
							</div>
						</div>

						<div class="graybox2">
							<h2 class="new-h2">配件</h2>
							<div class="graybox2-titlebox">
								<div class="graybox2-title" onmouseover="getBox('H')" id="H">其他配件</div>
								<div class="graybox2-title" onmouseover="getBox('G')" id="G">贴膜</div>
								<div class="graybox2-title" onmouseover="getBox('F')" id="F">保护套</div>
								<div class="graybox2-title" style="color:rgb(250,103,0);border-bottom:2px solid rgb(250,103,0)" onmouseover="getBox('E')" id="E">热门</div>
							</div>
							<div class="graybox2-bottom">
								<div class="graybox2-box1">
									<div class="graybox2-box">
										<img src="img/graybox2.1.jpg" width="226px" height="300px" />
									</div>
									<div class="graybox2-box" style="position:absolute; top:3144px">
										<img src="img/graybox2.2.jpg" width="226px" height="300px" />
									</div>
								</div>
								<div class="graybox2-screen">
									<div class="garybox2-ppt" id="pj">

										<div class="graybox2-right">
											<div class="graybox1-box" onmouseover="showTalks()" onmouseout="hideTalks()">
												<div class="graybox1-box-png"><img src="img/graybox1.2.jpg" width="160px" height="160px"></div>
												<div class="graybox1-box-title">米家IH电饭煲--1</div>
												<div class="graybox1-box-text">IH电磁环绕加热，3000+煮饭方案
													<p style="color:rgb(250,103,0);font-size:14px">339元</p>
												</div>
												<div class="graybox2-talk" id="talk1">ss</div>
											</div>

											<div class="finalbox">
												<div class="smallbox" style="float: left;">
													<table>
														<tr>
															<td style="width: 100px;padding-left: 20px;">
																<a href="#">SanDisk 16GB存储卡</a><br><span style="color: rgb(250,103,0);">31.9元</span></td>
															<td>
																<a href="#"><img src="img/tf.jpg" width="80px" height="80px"></a>
															</td>
														</tr>
													</table>
												</div>
												<div class="smallbox" style="position:absolute;top:161px">
													<table>
														<tr>
															<td style="width: 100px;padding-left: 20px;font-size: 16px;">
																<a href="#">浏览更多</a><br><span style="color: rgb(176,183,203);font-size: 12px;">热门</span></td>
															<td>
																<a href="#"><img src="img/more.png" width="98px" height="90px"></a>
															</td>
														</tr>
													</table>
												</div>
											</div>
										</div>

										<div class="graybox2-right">
											<div class="graybox1-box">
												<div class="graybox1-box-png"><img src="img/graybox1.4.jpg" width="160px" height="160px"></div>
												<div class="graybox1-box-title">米家飞利浦智睿台灯二代</div>
												<div class="graybox1-box-text">感知环境光，主动优化场景照明
													<p style="color:rgb(250,103,0);font-size:14px">199元</p>
												</div>
											</div>

											<div class="finalbox">
												<div class="smallbox" style="float: left;">
													<table>
														<tr>
															<td style="width: 100px;padding-left: 20px;">
																<a href="#">SanDisk 16GB存储卡</a><br><span style="color: rgb(250,103,0);">31.9元</span></td>
															<td>
																<a href="#"><img src="img/tf.jpg" width="80px" height="80px"></a>
															</td>
														</tr>
													</table>
												</div>
												<div class="smallbox" style="position:absolute;top:161px">
													<table>
														<tr>
															<td style="width: 100px;padding-left: 20px;font-size: 16px;">
																<a href="#">浏览更多</a><br><span style="color: rgb(176,183,203);font-size: 12px;">热门</span></td>
															<td>
																<a href="#"><img src="img/more.png" width="98px" height="90px"></a>
															</td>
														</tr>
													</table>
												</div>
											</div>

										</div>

										<div class="graybox2-right">
											<div class="graybox1-box">
												<div class="graybox1-box-png"><img src="img/graybox1.2.jpg" width="160px" height="160px"></div>
												<div class="graybox1-box-title">米家IH电饭煲--4</div>
												<div class="graybox1-box-text">IH电磁环绕加热，3000+煮饭方案
													<p style="color:rgb(250,103,0);font-size:14px">339元</p>
												</div>
											</div>
										</div>
										<div class="graybox2-right">
											<div class="graybox1-box">
												<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
												<div class="graybox1-box-title">米兔智能故事机</div>
												<div class="graybox1-box-text">微信远程互动，智能语言互动
													<p style="color:rgb(250,103,0);font-size:14px">199元</p>
												</div>
											</div>
										</div>
									</div>

								</div>
							</div>
						</div>

						<div class="graybox2" style="height: 410px;">
							<h2 class="new-h2">為你推荐</h2>
							<div id="nextTJ" onclick="getNextTJ()" class="new-btn" style="border-left:0;color:rgb(225,103,0);">></div>
							<div id="lastTJ" onclick="getLastTJ()" class="new-btn"><</div>
										<div class="tjbox">
											<ul id="tj">
												<li>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机----1</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;margin-right: 0px;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
												</li>
												<li>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机----2</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;margin-right: 0px;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
												</li>
												<li>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机----3</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;margin-right: 0px;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
												</li>
												<li>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机----4</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
													<div class="new-box" style="background-color: #FFFFFF;margin-right: 0px;">
														<div class="tj">
															<div class="graybox1-box-png"><img src="img/graybox1.6.jpg" width="160px" height="160px"></div>
															<div class="graybox1-box-title">米兔智能故事机</div>
															<div class="graybox1-box-text">微信远程互动，智能语言互动
																<p style="color:rgb(250,103,0);font-size:14px">199元</p>
															</div>
														</div>
													</div>
												</li>
											</ul>
										</div>
							</div>
							
							<div class="graybox2" style="height:500px;">
							    <h2 class="new-h2">热评产品</h2><br>
							    <div class="hotTalk">
							    	<div class="hotTalkBox">
							    		<a href="#"><img style="float: left;" src="img/hot1.jpg" width="288px" height="220px"></a>
							    		<div class="hotMassge"> <a href="#">刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</a></div>
							    		<div class="from">
							    			<span style="font-size: 12px;color: rgb(176,183,203);">来自于 龙炎 的评价</span><br><br>
							    			<a href="#">小米笔记本Air 12.5英寸 </a> | <span style="color:rgb(250,103,0)">3499元</span>
							    		</div>
							    	</div>
							    	<div class="hotTalkBox">
							    		<a href="#"><img style="float: left;" src="img/hot1.jpg" width="288px" height="220px"></a>
							    		<div class="hotMassge"> <a href="#">刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</a></div>
							    		<div class="from">
							    			<span style="font-size: 12px;color: rgb(176,183,203);">来自于 龙炎 的评价</span><br><br>
							    			<a href="#">小米笔记本Air 12.5英寸 </a> | <span style="color:rgb(250,103,0)">3499元</span>
							    		</div>
							    	</div>
							    	<div class="hotTalkBox">
							    		<a href="#"><img style="float: left;" src="img/hot1.jpg" width="288px" height="220px"></a>
							    		<div class="hotMassge"> <a href="#">刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</a></div>
							    		<div class="from">
							    			<span style="font-size: 12px;color: rgb(176,183,203);">来自于 龙炎 的评价</span><br><br>
							    			<a href="#">小米笔记本Air 12.5英寸 </a> | <span style="color:rgb(250,103,0)">3499元</span>
							    		</div>
							    	</div>
							    	<div class="hotTalkBox" style="margin-right: 0px;">
							    		<a href="#"><img style="float: left;" src="img/hot1.jpg" width="288px" height="220px"></a>
							    		<div class="hotMassge"> <a href="#">刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</a></div>
							    		<div class="from">
							    			<span style="font-size: 12px;color: rgb(176,183,203);">来自于 龙炎 的评价</span><br><br>
							    			<a href="#">小米笔记本Air 12.5英寸 </a> | <span style="color:rgb(250,103,0)">3499元</span>
							    		</div>
							    	</div>
							    </div>
							</div>
							
						</div>
					</div>
	</body>

</html>